<template>
  <el-dialog title="拼团信息" :visible.sync="showActivityGroupPurchaseDialog" center width="40%">
    <el-carousel indicator-position="outside" :autoplay="false" height="300px">
      <el-carousel-item v-for="(item,index) in groupPurchaseList" :key="index">
        <div class="item">
          <h4>成团人数: {{item.quanlity_group_purchase}}</h4>
          <h4>是否开启虚拟成团:
            <template v-if="item.enable_virtual_group_purchase == 0">
              {{"否"}}
            </template>
            <template v-if="item.enable_virtual_group_purchase == 1">
              {{"是"}}
            </template>
          </h4>
          <h4>退款方式:
            <template v-if="item.refund_type == 0">
              {{"不退款，线下协商退款"}}
            </template>
            <template v-if="item.refund_type == 1">
              {{"系统自动退款给用户"}}
            </template>
          </h4>
          <h4>团购活动说明: {{item.description}}</h4>
          <h4>是否开启团长福利:
            <template v-if="item.enable_head_welfare == 0">
              {{"否"}}
            </template>
            <template v-if="item.enable_head_welfare == 1">
              {{"是"}}
            </template>
          </h4>

          <h4>是否在报名页面显示“参与他人的团”:
            <template v-if="item.show_other_group_purchase == 0">
              {{"否"}}
            </template>
            <template v-if="item.show_other_group_purchase == 1">
              {{"是"}}
            </template>
          </h4>

        </div>
      </el-carousel-item>
    </el-carousel>
  </el-dialog>
</template>

<script>
  export default {
    name: 'activityGroupPurchase',
    data(){
      return{
        showActivityGroupPurchaseDialog: false,
        groupPurchaseList: []
      }
    },

    methods:{
      showActivePurchase(groupPurchaseList){
        this.showActivityGroupPurchaseDialog = !this.showActivityGroupPurchaseDialog
        console.log(">>>>>> groupPurchaseList >>>>>>>")
        console.log(groupPurchaseList)
        this.groupPurchaseList = groupPurchaseList

      }
    }

  }
</script>

<style scoped>
  .item{
    text-align: center;
  }
</style>
